<template>
	<section id="test3">
		<header class="fixMax">应用列表</header>
		<article>
			<li style="height: 0.5rem;list-style: none;"></li>
			<p>
				<a href="http://blog.zlq2017.cn" target="_blank"><img src="../../static/img/i1x.png" /><span><p>比特购</p><p>省时省心</p></span></a>
			</p>
			<p>
				<a href="http://blog.zlq2017.cn" target="_blank"><img src="../../static/img/i2x.png" /><span><p>法币交易</p><p>多种支付方式</p></span></a>
			</p>
			<p>
				<a href="http://blog.zlq2017.cn" target="_blank"><img src="../../static/img/i3x.png" /><span><p>交易所</p><p>自主数字资产交易所</p></span></a>
			</p>
			<p>
				<a @click="jump('/fabi')" style="color: mediumblue;"><img src="../../static/img/i4x.png" /><span><p>一键发币</p><p>支持多种资产上链流转</p></span></a>
			</p>
		</article>
		<menuBtm :show='showBtm'></menuBtm>
	</section>
</template>

<script>
	import menuBtm from '../com/menuBtm.vue';
	export default {
		data() {
			return {
				showBtm: false
			}
		},
		components: {
			menuBtm
		},
		methods: {
			jp:function(){
				this.$router.push('/fabi')
			}
		},
		created: function() {},
		mounted: function() {
			//			this.atScorll(function(val) {
			//				console.log(val);
			//			})
		}
	}
</script>

<style scoped="scoped">
	header {
		font-size: 0.16rem;
		padding-left: 0.15rem;
		line-height: 0.5rem;
		position: fixed;
		width: 100%;
		top: 0;
		background-color: #FFFFFF;
		border-bottom: 1px solid #E8E8E8;
	}
	
	article {
		background-color: #FFFFFF;
		padding-left: 0.15rem;
	}
	
	article p img,
	article p span {
		display: inline-block;
		vertical-align: middle;
		height: 0.6rem;
		width: 0.6rem;
		line-height: 0.6rem;
		margin-right: 0.15rem;
	}
	article p span{
		width: 2rem;
		padding-top: 0.1rem;
	}
	article p span p{
		border: none;
		line-height: 0.14rem;
		padding: 0;
		margin-top: 4px;
	}
	article p span p:nth-child(1){
		color: #BCC1C8;
		font-size: 0.15rem;
	}
	article p span p:nth-child(2){
		margin-top:0.1rem;
		color: #d3b176;
		font-size: 0.15rem;
	}
	article p {
		padding: 0.1rem 0;
		border-bottom: 1px solid #E8E8E8;
	}
	
	article p:last-child {
		border-bottom: none;
	}
</style>